<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>TODO List JQuery</title>
    <script src="./jquery.js"></script>
</head>
<body>
<div>
    <input id="input" type="text"/>
    <button id="btn">提交</button>
    <ul id="list"></ul>
</div>
<script>
    $(document).ready(function(){
        $('#btn').click(function () {
            var inputEle = $('#input');
            var inputValue = inputEle.val();
            var ulEle = $('#list');
            ulEle.append('<li>' + inputValue + '</li>');
            inputEle.val('');
        })
    })
</script>
</body>
</html>